<!DOCTYPE HTML>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib tagdir="/WEB-INF/tags" prefix="soundscape" %>

<html lang="en">
	<head>
		<title>SoundScape ${version}</title>
		
		<link href="${relativeContext}css/ss.min.css" type="text/css" rel="stylesheet" />
		<link href="${relativeContext}css/album.min.css" type="text/css" rel="stylesheet" />
		
		<script type="text/javascript" src="${relativeContext}js/jquery.min.js"></script>
		<script type="text/javascript" src="${relativeContext}js/album.min.js"></script>
		
		<script type="text/javascript">
			var relativeContext = "${relativeContext}"
			var identifier = "${album.artistRest}/${album.year}/${album.albumRest}";
		</script>
	</head>

	<body>
		<soundscape:titlebar />
	    
		<div id="theContents">
			<div class="albuminfo">
				<img class="previewImage" src="${album.image}" />

				<div class="songlist">
					<c:forEach items="${album.songs}" var="song">
						<div class="songInfo">${song.songnumber}. <a href="${song.fulluri}">${song.filename}</a></div>
					</c:forEach>
				</div>
			</div>
			<div class="separator"></div>

			<div class="extensions">
					<c:set var="zsrc" value="zip-request.png" />
					<c:set var="zclass" value="zipRequest" />

					<c:if test="${!empty zipped}">
						<c:set var="href" value="&lt;a href=&quot;${zipped.url}&quot;&gt;" />
						<c:set var="slasha" value="&lt;/a&gt;" />
						<c:set var="zsrc" value="zip.png" />
						<c:set var="zclass" value="zipReady" />
					</c:if>

				<div id="zipExtension" class="${zclass}">
					${href}<img id="zipIcon" src="${relativeContext}images/${zsrc}" />
					<div id="zipFilename" class="filename">${album.artistRest}-${album.year}-${album.albumRest}.zip</div>${slasha}
					<div class="separator"></div>
				</div>
			</div>
		</div>
	</body>
</html>